import React from "react";

export default class LearnMap2 extends React.Component {
  state = {
    arr: ["a", "b", "c", "d"],
  };

  delItem (index) {
    // 这一步只是数据层面的删除
    this.state.arr.splice(index, 1)

    this.setState({
      arr: this.state.arr
    })
  }

  render() {
    return (
      <div>
        <div>
          {this.state.arr.map((item, index) => (
            /**
             * 如果有唯一的id 可以用唯一id做key
             * 如果没有 那么用下标做key 也没问题
             */
            <div key={index} onClick={() => this.delItem(index)}>{item}</div>
          ))}
        </div>
      </div>
    );
  }
}
